サンプル・6
★ サンプル・6 ★
1.幅が300ピクセルのテーブル
(ソース)
<TABLE border="2" width="300">
<TR><TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR><TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
</TABLE> |
(表示例)
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
2.幅が500ピクセルのテーブル
上のソースで、width属性の値を「300」から「500」にかえると
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
3.幅が60%のテーブル
(ソース)
<TABLE border="2" width="60%">
<TR><TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR><TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
</TABLE> |
(表示例)
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
※ ウィンドウの幅を変えてみて。 例1、2は変化しないけど、例3はウィンドウに合わせて伸び縮みするよ。 |